<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片的插入</title>
</head>
<body>
<!--相对路径：从当前html文件出发去找资源
1）图片与html文件在同一文件夹下，直接写图片全名1.jpg
2）图片在下一级文件夹下，先写文件夹，再写图片全名 img/2.jpg
3）图片在上一级文件夹下，先../返回到上一级，再写图片全名../3.png
-->
<!--src表示资源的路径-->
<!--alt表示图片无法显示时的替代文本-->
<!--title鼠标悬停时显示的描述文本-->
<!--图片本身有大小，修改图片宽高时需要注意图片本身的宽高比
如果设置的宽高比不符合图片本身的宽高比，图片就会变形，失真-->
<img src="1.jpg" alt="" title="这是一张五常大米的图片">
<img src="img/2.jpg" alt="">
<img src="../3.jpg" alt="哎呀，图片走丢了">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///84df8c3d1b9347f09ece57616d5dfe65.png" alt="">
<img src="img/4.jpg" height="4032" alt="">
</body>
</html>